{include file="findInclude:common/templates/header.tpl"}

<style>
        body {
            background: url(modules/notes/images/house.png);
        }
    </style>
</head>
<body class="modern-ui" onresize="Resize()">
<div class="page fixed-header">
	
    <div class="page-region">
        <div class="page-region-content tiles">
				
			<div class="tile double bg-color-green" data-role="tile-slider" data-param-period="3000">
				<div class="tile-content icon">
					<img src="modules/notes/images/me.jpg" class="place-left"/>
					<h3 style="margin-bottom: 5px;">
						Hi Edward, <br>
						Welcome <br>
						Back! <br>
					</h3>
				</div>
				
				<div class="tile-content icon">
					<img src="modules/notes/images/sky.png" class="place-left"/>
					<h3 style="margin-bottom: 5px;">
						You have <br>
						1 <br>
						notification(s)
					</h3>
				</div>     

				<div class="tile-content icon">
					<img src="modules/notes/images/map.png" class="place-left"/>
					<h3 style="margin-bottom: 5px;">
						You are at <br> 
						Forestry Building <br>
						UBC
					</h3>
				</div>  				
            </div>
			<!-- group1 -->
			
            <div class="tile-group" style="width: 400px;">
			
				<a href="notesPicture.html">	
                <div class="tile bg-color-yellow">
                    <div class="tile-content icon">
                        <img src="modules/notes/images/doc.png"/>
                    </div>
                    <div class="brand">
                        <span class="name">Notes</span>
                    </div>                                      
                </div>
				</a>
				
				<a href="map.html">				
                <div class="tile bg-color-blue">
                    <div class="tile-content icon">
                        <img src="modules/notes/images/map.png"/>
                    </div>
                    <div class="brand">
                        <span class="name">Map View</span>
                    </div>                                      
                </div>
                </a>
				
                <div class="tile bg-color-darken">
                    <div class="tile-content icon">
                        <img src="modules/notes/images/setting.png" width="64" height="64" align = "middle"/>
                    </div>
                    <div class="brand">
                        <span class="name">Options</span>
                    </div>                                      
                </div>

                <div class="tile bg-color-red">
                    <div class="tile-content icon">
                        <img src="modules/notes/images/customer.png" width="64" height="64" align = "middle"/>
                    </div>
                    <div class="brand">
                        <span class="name">Logout</span>
                    </div>                                      
                </div>
                

			</div>
			




        </div>
    </div>
</div>

</body>

{include file="findInclude:common/templates/footer.tpl"}